window.onload = function () {
	// banner条切换
	var oAd = document.getElementById('ad');
	var oImg = oAd.getElementsByTagName('img')[0];
	var n = 0;
	var timer = null;

	tab();
	function tab() {
		timer = setInterval(function () {
			n ++;
			if (n == 4) {
				n = 1;
			}
			oImg.src = "images/banner/"+ n +".png"
		}, 2000);
	}

	oAd.onmouseover = function () {
		clearInterval(timer);
	};

	oAd.onmouseout = function () {
		tab();
	}


	// 分类下拉菜单
	var oSel = document.getElementById('sel');
	var aA = oSel.getElementsByTagName('a');
	var aUl = oSel.getElementsByTagName('ul');
	var aLi = oSel.getElementsByTagName('li');

	for (var i = 0; i < aA.length; i++) {
		aA[i].index = i;
		aA[i].onclick = function (ev) {
			for (var i = 0; i < aA.length; i++) {
				aUl[i].style.display = 'none';
			}
			aUl[this.index].style.display = 'block';
			ev.cancelBubble = true;
		}
	};

	document.onclick = function () {
		for (var i = 0; i < aUl.length; i++) {
			aUl[i].style.display = 'none';
		}
	};

	for (var i = 0; i < aLi.length; i++) {
		aLi[i].onmouseover = function () {
			for (var i = 0; i < aLi.length; i++) {
				aLi[i].className = '';
			}
			this.className = 'active';
		}
	}

};